<template>
    <el-card shadow="hover">
        <div slot="header" class="clearfix">
            <span>{{ $i18n.t('ORDER_INFO') }}</span>
        </div>
        <form-content :data="data.order_info" :column-num="2" />
    </el-card>
</template>

<script>
    import FormContent from '@/components/FormContent'
    import { getRecallDetail } from '@/api/recall'

    export default {
        name: 'RecallOrderInfo',
        components: { FormContent },
        watch: {
            id () {
                this.loading = true
                getRecallDetail(this.id, { method: 'OrderInfo' }).then(res => {
                    const { result } = res
                    this.data = result
                }).finally(() => {
                    this.loading = false
                })
            }
        },
        data () {
            return {
                id: null,
                activeName: 'default',
                data: {
                    order_info: []
                },
                loading: false
            }
        },
        activated () {
            this.id = this.$route.query.id
        },
        created () {
            this.id = this.$route.query.id
        }
    }
</script>

<style scoped>

</style>
